<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="./css/base.css">
	<link rel="stylesheet" href="./font/iconfont.css">
	<link rel="stylesheet"  href="./css/largeScreen.css" media="screen and (min-width:1000px)">
	<link rel="stylesheet"  href="./css/SmallScreen.css" media="screen and (max-width:999px)">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="format-dection" content="telephone=no"/>
	<script type="text/javascript" src="./js/base.js"></script>
	<script type="text/javascript" src="./js/largeScreen.js"></script>
	<script type="text/javascript" src="./js/SmallScreen.js"></script>
    <style>

    </style>
</head>

<body>

	<div class="SmallScreen">
		<span> 该页面只在屏幕宽度大于1000px 页面上显示</span>
	</div>

	<!-- 首页侧边栏 -->
	<article class="article">

		<img src="./images/logo.png">
		<div class="search">
			<input type="search" name="" class="" placeholder="搜寻游戏及其他">
			<i class="iconfont icon-sousuo"></i>
		</div>
		
		<div class="EAplay_select">
			<div class="Orange_border"></div>
			<span>EA Play</span>
			<i class="iconfont icon-sanjiao"></i>
		</div>

		<ul class="EA_play">
			<li><span>EA Play Pro</span></li>
			<li><span>EA play 常见问答集</span></li>
			<li><span>The Pro Play List</span></li>
			<li><span>The Play List</span></li>
		</ul>			

		<div class="shop_select">
			<span>商店</span>
		</div>

		<div class="Browse_select">
			<div class="Orange_border"></div>
			<span>浏览游戏</span>
			<i class="iconfont icon-sanjiao"></i>
		</div>

		<div class="sale_select">
			<div class="Orange_border"></div>
			<span>特卖</span>
			<i class="iconfont icon-sanjiao"></i>			
		</div>

		<div class="newline"></div>

		<div class="Login_registration">
			<div class="Login">
				<span>登录</span>
			</div>
			<div class="registration">
				<span>注册</span>
			</div>
		</div>

		<div class="perch"></div>


		<!-- 侧边栏隐藏部分 -->



		<!-- /侧边栏隐藏部分 -->

		
	</article>
	<!-- /首页侧边栏 -->


<iframe src="EAplay.html" id="EAplay" name="EAplay" frameborder="0" class="iframeEAplay" scrolling="auto" height="100%"></iframe>

<iframe src="shop.html" id="shop" name="shop" frameborder="0" class="iframeShop" scrolling="auto" height="100%"></iframe>

<script type="text/javascript" src="./js/largeScreen/sidebar.js"></script>

<script >

</script>
</body>
</html>